home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2007 November / PCWNOV07.iso / Software / Trial / AceHTML Pro 6.6 / acehtml6pro.exe / scriptdef / Particle Field.sd < prev    next >
Encoding:
INI File  |  2006-09-13  |  6.0 KB  |  201 lines
  1. [SUBJECT]
  2. Description=Illustrates movement of stars depending on the direction of the mouse
  3. ImageIndex=1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;
  9. ;<!-- Original:  Joe Lard (darg36@home.com) -->
  10. ;<!-- Web Site:  http://members.home.net/darg36 -->
  11. ;
  12. ;<!-- This script and many more are available free online at -->
  13. ;<!-- The JavaScript Source!! http://javascript.internet.com -->
  14. ;
  15. ;<script language="JavaScript">
  16. ;<!-- Begin
  17. ;ie4 = document.all?1:0;
  18. ;ns4 = document.layers?1:0;
  19. ;ns5 = (document.getElementById && !document.all)?1:0;
  20. ;time0ID = 0;
  21. ;time1ID = 0;
  22. ;time2ID = 0;
  23. ;wind = 0;
  24. ;w1 = w2 = -10;
  25. ;v1 = v2 = -10;
  26. ;x1 = x2 = -10;
  27. ;y1 = y2 = -10;
  28. ;xan = yan = -.25;
  29. ;// emulate snow or stars? (true | false)
  30. ;snow = false;  // sinewave controlled
  31. ;star = true; // mouse controlled path
  32. ;function wave(){ // for snow
  33. ;xan = Math.sin(wind/57.3);
  34. ;wind+=Math.random()*5;
  35. ;if (wind>360) wind = 0;
  36. ;// yan = .25 // for water
  37. ;}
  38. ;// for stars
  39. ;function mm(e) {
  40. ;if (ns5) {
  41. ;xan = ((e.clientX)-csw)/csw;
  42. ;yan = ((e.clientY)-csh)/csh;
  43. ;}
  44. ;else {
  45. ;xan = (((ns4)?e.pageX:event.x)-csw)/csw;
  46. ;yan = (((ns4)?e.pageY:event.y)-csh)/csh;
  47. ;   }
  48. ;}
  49. ;function init() {
  50. ;if (ns4) {
  51. ;z0 = document.zen.document.z0;
  52. ;z1 = document.zen.document.z1;
  53. ;}
  54. ;if (ns5) if (document.getElementsByTagName("*")) {
  55. ;document.all = document.getElementsByTagName("*");
  56. ;}
  57. ;if (star) {
  58. ;if (ns4 || ns5) {
  59. ;window.captureEvents(Event.MOUSEMOVE);
  60. ;window.onmousemove = mm;
  61. ;}
  62. ;document.onmousemove = mm;
  63. ;}
  64. ;fs=(ns4)? "":"; font-size:25px";
  65. ;ret=""; tem=(ns4)? "<font size=5>":"";
  66. ;for (t=1;t<sh/28;t++) {
  67. ;for (u=1;u<sw/6;u++)
  68. ;tem += (Math.random()>.99)? ((Math.random()>.9)? "<font size="+((Math.random()*50)+12)+"px>.</font size>":"."):" "; tem += "<BR>";
  69. ;}
  70. ;tem += (ns4)? "</font size>":"";
  71. ;ret += "<div style='position:absolute; left:0px; top:0px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  72. ;ret += "<div style='position:absolute; left:"+(sw)+"px; top:0px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  73. ;ret += "<div style='position:absolute; left:0px; top:"+(sh)+"px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  74. ;ret += "<div style='position:absolute; left:"+(sw)+"px; top:"+(sh)+"px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  75. ;if (ns4) {
  76. ;z0.document.write(ret);
  77. ;z0.document.close();
  78. ;}
  79. ;if (ie4) z0.innerHTML = ret;
  80. ;if (ns5) document.all.z0.innerHTML = ret;
  81. ;ret=""; tem=(ns4)? "<font size=5>":"";
  82. ;for (t = 1; t < sh / 28; t++) {
  83. ;for (u = 1; u < sw / 6; u++)
  84. ;tem += (Math.random()>.99)? ((Math.random()>.9)? "<font size="+((Math.random()*50)+12)+"px>.</font size>":"."):" ";
  85. ;tem+="<BR>";
  86. ;}
  87. ;tem += (ns4)? "</font size>":"";
  88. ;ret += "<div style='position:absolute; left:0px; top:0px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  89. ;ret += "<div style='position:absolute; left:"+(sw)+"px; top:0px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  90. ;ret += "<div style='position:absolute; left:0px; top:"+(sh)+"px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  91. ;ret += "<div style='position:absolute; left:"+(sw)+"px; top:"+(sh)+"px; width:"+sw+"px; height:"+sh+"px; color:white"+fs+"; font-family:Times'>"+tem+"</DIV>";
  92. ;if (ns4) {
  93. ;z1.document.write(ret);
  94. ;z1.document.close();
  95. ;}
  96. ;if (ie4) z1.innerHTML = ret;
  97. ;if (ns5) {
  98. ;document.all.z1.innerHTML = ret;
  99. ;z0 = document.all.z0;
  100. ;z1 = document.all.z1;
  101. ;}
  102. ;time1ID = setInterval('z1m()',33);
  103. ;time0ID = setInterval('z0m()',55);
  104. ;if (snow) time2ID=setInterval('wave()',77);
  105. ;}
  106. ;function halt() {
  107. ;if (time1ID) clearInterval(time1ID);
  108. ;if (time0ID) clearInterval(time0ID);
  109. ;if (time2ID) clearInterval(time2ID);
  110. ;}
  111. ;function z0m() {
  112. ;x1 -= 4 * xan;
  113. ;x2 -= 4 * yan;
  114. ;a = Math.round(x1);
  115. ;b = Math.round(x2);
  116. ;if (w1 != a) {
  117. ;w1 = a;
  118. ;if (w1 > 0) x1 = w1 = -sw;
  119. ;if (w1 < -sw) x1 = w1 = 0;
  120. ;if (!ns4) z0.style.left = w1 + "px";
  121. ;}
  122. ;if (w2 != b) {
  123. ;w2 = b;
  124. ;if (w2 > 0) x2 = w2 = -sh;
  125. ;if (w2 < -sh) x2 = w2 = 0;
  126. ;if (!ns4) z0.style.top = w2 + "px";
  127. ;}
  128. ;if (ns4) z0.moveTo(w1,w2);
  129. ;}
  130. ;function z1m() {
  131. ;y1 -= xan;
  132. ;y2 -= yan;
  133. ;a1 = Math.round(y1);
  134. ;b1 = Math.round(y2);
  135. ;if (v1 != a1) {
  136. ;v1 = a1;
  137. ;if (v1 > 0) y1 = v1 = -sw;
  138. ;if (v1 < -sw) y1 = v1 = 0;
  139. ;if (!ns4) z1.style.left = v1 + "px";
  140. ;}
  141. ;if (v2 != b1) {
  142. ;v2 = b1;
  143. ;if (v2 > 0) y2 = v2 = -sh;
  144. ;if (v2 < -sh) y2 = v2 = 0;
  145. ;if (!ns4) z1.style.top = v2 + "px";
  146. ;}
  147. ;if (ns4) z1.moveTo(v1,v2);
  148. ;}
  149. ;//  End -->
  150. ;</script>
  151. ;
  152.  
  153.  
  154.  
  155. [BODY_TAG]
  156. ;onLoad="init()" onunload="halt()"
  157.  
  158.  
  159.  
  160. [BODY_TEXT]
  161. ;<!-- This script and many more are available free online at -->
  162. ;<!-- The JavaScript Source!! http://javascript.internet.com -->
  163. ;
  164. ;<script language="JavaScript">
  165. ;
  166. ;<!-- Begin
  167. ;var sw = (ie4)? document.body.offsetWidth:window.innerWidth;
  168. ;var sh = (ie4)? document.body.offsetHeight:window.innerHeight;
  169. ;//sw=200; sh=200;  field width and height
  170. ;var csw = Math.round(sw/2);
  171. ;var csh = Math.round(sh/2);
  172. ;ret="<STYLE TYPE='text/css'><!--\n";
  173. ;ret+="#zen {position:absolute; left:0; top:0; width:"+sw+"; height:"+sh+
  174. ;"; font-size:3000px; font-family:Times; clip:rect(0,"+(sw)+","+(sh)+
  175. ;",0); overflow:hidden; z-Index:0}";
  176. ;ret+="#z0 {position:absolute; left:-10; top:-10; width:"+(sw*2)+
  177. ;"; height:"+(sh*2)+"; clip:rect(0,"+(sw*2)+","+(sh*2)+",0)}";
  178. ;ret+="#z1 {position:absolute; left:-10; top:-10; width:"+(sw*2)+
  179. ;"; height:"+(sh*2)+"; clip:rect(0,"+(sw*2)+","+(sh*2)+",0)}";
  180. ;ret+="#ar {position:absolute; left:10; top:10; width:100; height:100;"+
  181. ;" z-Index:1000; color:red}";
  182. ;ret+="//-->\n</STYLE>";
  183. ;if (ns4) ret+="<DIV id=zen>_"; else ret+="<DIV id=zen>";
  184. ;ret+="<DIV id=z1></DIV>";
  185. ;ret+="<DIV id=z0></DIV>";
  186. ;ret+="</DIV>";
  187. ;document.write(ret);
  188. ;//  End -->
  189. ;</script>
  190. ;<div id="ar"><a href="javascript:halt()"> </a></div>
  191.  
  192.  
  193.  
  194.  
  195.  
  196. [``]
  197. Kind=S
  198. Value=
  199.  
  200.  
  201.